<#assign pageTitle = "${siteCompany.siteName!}" />
<#assign channelId = 1 />
<#assign pageHeader>
</#assign>
<#assign pageContent>
    <div class="body-wrap">
        <div class="white-bg pd-20 mb-20">
            <div class="banner-box content-wrap">
                <a href="https://www.dwvan.com/course/view/6.html">
                    <img src="/static/images/banner-0427.jpg" alt="">
                </a>
            </div>
            <!--课程分类 s-->
            <div class="course-type content-wrap">
                <ul>
                    <li>
                        <img src="/static/images/course/course-type-1.jpg" alt="">
                        <a href="/subject/2.html">室内设计</a>
                    </li>
                    <li>
                        <img src="/static/images/course/course-type-2.jpg" alt="">
                        <a href="/subject/5.html">广告设计</a>
                    </li>
                    <li>
                        <img src="/static/images/course/course-type-3.jpg" alt="">
                        <a href="/subject/6.html">动漫设计</a>
                    </li>
                    <li>
                        <img src="/static/images/course/course-type-4.jpg" alt="">
                        <a href="/subject/4.html">服装设计</a>
                    </li>
                </ul>
            </div>
            <!--课程分类 e-->
        </div>
        <!--课程列表 s-->
        <#if newCourseList?? && newCourseList?size gt 0>
        <div class="content-wrap">
            <div class="wrap-title">
                <div class="content-wrap">
                    <h3 class="fl">同步课程</h3>
                    <p class="fl">67+精品课程，精选推荐</p>
                    <a class="fr" href="/course/index.html"><span>查看更多</span><i class="layui-icon layui-icon-right"></i></a>
                </div>
            </div>
            <div class="course-list">
                <#list newCourseList as course>
                    <div class="list-items">
                        <div class="list-item">
                            <div class="list-content">
                                <a href="/course/view/${course.courseId}.html" target="_blank" class="list-course-title">${course.courseName!}</a>
                                <a href="/course/view/${course.courseId}.html" target="_blank" class="list-course-img">
                                    <img lay-src="${course.cover!}" alt="">
                                    <div class="hover-img"><span class="layui-icon layui-icon-play"></span> </div>
                                    <div class="list-course-level level-hot"><i class="icon-hot"></i>热门</div>
                                </a>
                                <div class="list-course-info"><span>${course.intro}</span></div>
                                <div class="list-course-price">
                                    <#if course.price gt 0>
                                        ￥${course.price/100}
                                    <#else>
                                        免费
                                    </#if>
                                </div>
                                <div class="list-course-type">
                                    <strong>${course.categoryName!}</strong>
                                 </div>
                            </div>
                        </div>
                    </div>
                </#list>
            </div>
        </div>
        </#if>
        <!--课程列表 s-->
        <#if newCourseListPro?? && newCourseListPro?size gt 0>
            <div class="content-wrap">
                <div class="wrap-title" >
                    <div class="content-wrap">
                        <h3 class="fl">大师指路</h3>
                        <p class="fl">必修的刚需课程&硬核技能</p>
                        <a class="fr" href="/course/pro.html"><span>查看更多</span><i class="layui-icon layui-icon-right"></i></a>
                    </div>
                </div>
                <div class="content-wrap">
                    <div class="articles-list" style="min-height: auto">
                        <#list newCourseListPro as course>
                            <div class="list-items">
                                <div class="list-item">
                                    <div class="list-content">
                                        <a href="/course/view/${course.courseId}.html" target="_blank" class="list-article-img"><img lay-src="${course.cover!}" alt=""></a>
                                        <a href="/course/view/${course.courseId}.html" target="_blank" class="list-article-title">${course.courseName!}</a>
                                        <div class="list-article-info">${course.intro}</div>
                                        <div class="list-article-price">
                                            <#if course.price gt 0>
                                                ￥${course.price/100}
                                            <#else>
                                                免费
                                            </#if>
                                        </div>
                                        <div class="list-article-type">
                                            <strong>${course.categoryName!}</strong>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </#list>
                    </div>
                </div>
            </div>
        </#if>
        <!--课程列表 e-->
        <!--设计素材 s-->
        <#if pictureAlbumVoList?? && pictureAlbumVoList?size gt 0>
            <div class="wrap-title" style="margin-bottom: 10px">
                <div class="content-wrap">
                    <h3 class="fl">设计素材</h3>
                    <p class="fl">好看的设计素材大全</p>
                    <a class="fr" href="/picture/index.html"><span>查看更多</span><i class="layui-icon layui-icon-right"></i></a>
                </div>
            </div>
            <div class="content-wrap">
                <div class="album-list">
                    <#list pictureAlbumVoList as item>
                        <div class="list-items">
                        <a href="/picture/album/view/${item.id}.html" target="_blank" class="list-item">
                            <div class="list-content">
                                <div class="list-album-img-box">
                                    <#list item.pictures as pic>
                                        <img lay-src="${pic.coverUrl!}" alt="">
                                    </#list>
                                </div>
                                <div class="list-album-info">${item.title!}</div>
                                <div class="list-album-type">专集</div>
                            </div>
                        </a>
                    </div>
                    </#list>
                </div>
            </div>
        </#if>
        <!--设计素材 e-->
        <#-- teacherList?? && teacherList?size gt 0专家列表 s-->
        <#if 1=2>
            <div class="wrap-title mb-20" style="padding: 10px 0 20px;">
                <div class="content-wrap">
                    <h3 class="fl">专家</h3>
                    <p class="fl">全国优秀教师</p>
                    <a class="fr" href="/teacher/index.html"><span>查看更多</span><i class="layui-icon layui-icon-right"></i></a>
                </div>
            </div>
            <div class="content-wrap">
                <div class="teacher-list mb-20">
                    <#if teacherList??>
                        <#list teacherList as teacher>
                            <div class="list-items">
                                <a href="/teacher/view/${teacher.id}.html" target="_blank" class="list-item">
                                    <div class="list-content">
                                        <div class="list-teacher-img">
                                            <img lay-src="${teacher.avatar}" alt="">
                                        </div>
                                        <div class="list-teacher-info">
                                            <h2>${teacher.name}<span>${teacher.workUnit!}</span></h2>
                                            <div class="list-teacher-introduce">
                                                ${teacher.intro!}
                                            </div>
                                            <div class="list-teacher-type">
                                                <#if teacher.tags??>
                                                    <#assign tags = teacher.tags?split(',') />
                                                    <#list tags as tag>
                                                        <span>${tag}</span>
                                                    </#list>
                                                <#else>
                                                    <span>${teacher.education!}</span>
                                                </#if>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </#list>
                    </#if>
                </div>
            </div>
        </#if>
        <!--专家列表 s-->
        <!--教材 s-->
        <#if bookLists?? && bookLists?size gt 0>
            <div class="wrap-title mb-20" style="padding: 0 0 10px;">
                <div class="content-wrap">
                    <h3 class="fl">优秀教材</h3>
                    <p class="fl">正版教材书籍</p>
                    <a class="fr" href="/book/index.html"><span>查看更多</span><i class="layui-icon layui-icon-right"></i></a>
                </div>
            </div>
            <div class="content-wrap">
                <div class="book-list-small index-book-list">
                    <#list bookLists as item>
                        <div class="list-items">
                            <div class="list-item">
                                <div class="list-content">
                                    <a href="/book/view/${item.id}.html" target="_blank" class="list-book-img">
                                        <img lay-src="${item.cover!}" alt="">
                                    </a>
                                    <div class="list-book-content">
                                        <a href="/book/view/${item.id}.html" target="_blank" class="list-book-title">${item.title!}</a>
                                        <div class="list-book-info">${item.intro!}</div>
                                        <div class="list-book-price">
                                            <#if item.price gt 0>
                                                ￥${item.price/100}
                                            <#else>
                                                免费
                                            </#if>
                                        </div>
                                        <div class="list-book-type">${item.categoryName!}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </#list>
                </div>
            </div>
        </#if>
        <!--教材 s-->
    </div>
</#assign>
<#assign pageFooter>
    <script>
        //鼠标经过专集滚动图片
        $('.list-album-img-box').mouseenter(function () {
            $(this).addClass('scroll-box');
        }).mouseleave(function () {
            $(this).removeClass('scroll-box');
        });
    </script>
</#assign>
<#include "./layouts/layout.ftl">
